import React, { Component } from 'react'

export default class index extends Component {
  state = {
    fruit: [
      { id: 1, info: '苹果' },
      { id: 2, info: '香蕉' },
      { id: 3, info: '栗子' },
      { id: 4, info: '西瓜' }
    ]
  }
  render () {
    return (
      <div>
        index
        <ul>
          {this.state.fruit.map(item => {
            return <li key={item.id}>{item.info}</li>
          })}
        </ul>
      </div>
    )
  }
}
